<template>
  <div class="home">
    <!-- Hello, {{userInfoStore.name}} -->
    <Monitor></Monitor>
    <Search></Search>
  </div>
</template>

<script lang="ts">
import Monitor from './monitor/index.vue';
import Search from './search/index.vue';
export default {
  name: 'Home',
  components: {
    Monitor,
    Search
  }
};
</script>
<script lang="ts" setup>
import { onMounted } from 'vue';
import { useUserInfoStore } from '@/stores/userInfo';
import { useReportDataStore } from '@/stores/reportData';
const reportDataStore = useReportDataStore();
const userInfoStore = useUserInfoStore();

//当组件挂载完毕后发送请求获取数据
onMounted(() => {
  reportDataStore.getReportData();
});
</script>

<style lang= 'scss'>
.home {
  width: 100%;
  padding: 20px;
  background-color: #eee;

  /* .emphasis {
    // margin: 0 5px;
    font-size: 12px;
    font-weight: 600;
  }
  .increment {
    width: 0;
    height: 0;
    border-width: 4px;
    border-color: transparent transparent green transparent;
    border-style: solid;
  }
  .decrement {
    width: 0;
    height: 0;
    border-width: 4px;
    border-color: red transparent transparent transparent;
    border-style: solid;
  } */
}
</style>
